{% load static %}

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>
        {% block title %}
            计算机网络实验
        {% endblock %} - 叶的站
    </title>

    <link rel="stylesheet" href="{% static 'css/bootstrap.css' %}">
    <link rel="stylesheet" href="{% static 'css/global.css' %}">
    <link rel="icon" href="{% static 'images/yips.jpg' %}">

    <script src="{% static 'js/jquery-3.6.0.min.js' %}"></script>
    <script src="{% static 'js/global.js' %}"></script>
    {% block static_import %}

    {% endblock %}
</head>

<body>
<div class="top-nav-container">
    <div class="wrapper">

        <!--logo 部分-->
        <a class="logo-ylgb">
            <svg t="1633182963491" class="icon-svg" viewBox="0 0 1024 1024" version="1.1"
                 xmlns="http://www.w3.org/2000/svg" p-id="6102" width="200" height="200"
                 data-spm-anchor-id="a313x.7781069.0.i3">
                <path d="M676.18 544.72a45 45 0 0 1 1.14-63.33l158.12-153.61c17.63-17.15 26.48-39.36 24.91-62.52-1.51-22.24-13-43.08-31.6-57.54C815.81 194.31 730 112 574.51 112c-226.65 0-411.06 179.45-411.06 400s184.4 400 411.06 400c143.39 0 232.05-76.28 244.18-87.36 19.16-14 31.36-34.75 33.53-57.16 2.25-23.14-5.88-45.62-22.85-63.29z m115.13 243.83a23.28 23.28 0 0 0-2.65 2.19c-0.79 0.76-80.81 76-214.14 76-201.69 0-365.77-159.12-365.77-354.71s164.08-354.74 365.76-354.74c144.75 0 221.59 81.77 222.29 82.55a24.7 24.7 0 0 0 3.34 3c9 6.67 14.39 15.72 15.05 25.46s-3.35 19.27-11.31 27l-158.1 153.63c-35.51 34.47-36.5 91.54-2.25 127.17l153.19 159.46c7.67 8 11.37 17.78 10.43 27.55s-6.59 18.95-15.84 25.44z"
                      fill="#ffffff" p-id="6103"></path>
                <path d="M683.51 306.31a68.72 68.72 0 1 0-68.73 68.52 68.59 68.59 0 0 0 68.73-68.52z" fill="#ffffff"
                      p-id="6104"></path>
            </svg>
            <span class="icon-text">
                        庸了个白
                    </span>
        </a>
        <!--顶部菜单部分-->
        <div class="nav-links-y">
            <a href="{% url 'home:home' %}" class="nav-link-y">
                <svg t="1633321878999" class="search-icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="3157" width="200" height="200">
                    <path d="M511.997442 64.303538c-247.25636 0-447.694415 200.438055-447.694415 447.695439 0 159.947875 85.330434 307.74092 223.849254 387.715369 138.51575 79.975473 309.179688 79.975473 447.695438 0 138.513704-79.973426 223.848231-227.767494 223.848231-387.715369 0-247.257383-200.441125-447.695438-447.698508-447.695439zM626.774535 552.353057l71.985498 230.632751-186.536441-143.045927-186.231495 142.980435 71.456449-230.604098-186.987718-139.077546v-0.075724l230.602051 0.490163 70.603012-234.039337 71.133083 234.102782 230.737129-0.455371L626.774535 552.353057z"
                          p-id="3158" fill="#e0d613"></path>
                </svg>
                <span>hello</span>
            </a>
            <a href="{% url 'visitor_list:visitor_list' %}" class="nav-link-y">
                <svg t="1633321960464" class="search-icon" viewBox="0 0 1064 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="4211" width="200" height="200">
                    <path d="M1037.309504 1024H16.636881c-9.150284 0-16.636881-7.486596-16.636881-16.636881V473.319253c0-9.150284 7.486596-16.636881 16.636881-16.636881h1020.672623c9.150284 0 16.636881 7.486596 16.636881 16.636881v534.87571c0 8.31844-7.486596 15.805037-16.636881 15.805037zM33.273761 990.726239h987.398863V489.956133H33.273761v500.770106z"
                          fill="#131313" p-id="4212"></path>
                    <path d="M927.506093 590.609261H109.803412c-9.150284 0-16.636881-7.486596-16.636881-16.636881s7.486596-16.636881 16.636881-16.63688h817.702681c9.150284 0 16.636881 7.486596 16.63688 16.63688s-7.486596 16.636881-16.63688 16.636881zM584.786353 693.75792H116.458164c-9.150284 0-16.636881-7.486596-16.63688-16.63688s7.486596-16.636881 16.63688-16.636881h468.328189c9.150284 0 16.636881 7.486596 16.63688 16.636881s-7.486596 16.636881-16.63688 16.63688zM927.506093 693.75792H690.430544c-9.150284 0-16.636881-7.486596-16.63688-16.63688s7.486596-16.636881 16.63688-16.636881h237.075549c9.150284 0 16.636881 7.486596 16.63688 16.636881s-7.486596 16.636881-16.63688 16.63688zM289.481722 927.506093H116.458164c-9.150284 0-16.636881-7.486596-16.63688-16.636881s7.486596-16.636881 16.63688-16.636881h173.023558c9.150284 0 16.636881 7.486596 16.636881 16.636881s-7.486596 16.636881-16.636881 16.636881zM725.367994 967.434606c-4.15922 0-8.31844-1.663688-11.645817-4.991064l-110.635256-110.635256c-6.654752-6.654752-6.654752-16.636881 0-23.291633 6.654752-6.654752 16.636881-6.654752 23.291633 0l110.635256 110.635256c6.654752 6.654752 6.654752 16.636881 0 23.291633-2.495532 3.327376-7.486596 4.991064-11.645816 4.991064z"
                          fill="#131313" p-id="4213"></path>
                    <path d="M613.06905 969.930138c-4.15922 0-8.31844-1.663688-11.645817-4.991064-6.654752-6.654752-6.654752-16.636881 0-23.291633l115.62632-115.62632c6.654752-6.654752 16.636881-6.654752 23.291633 0 6.654752 6.654752 6.654752 16.636881 0 23.291633L624.714866 964.939074c-3.327376 3.327376-7.486596 4.991064-11.645816 4.991064z"
                          fill="#131313" p-id="4214"></path>
                    <path d="M422.576767 580.627132L981.575955 21.627945c9.150284-7.486596 23.291633-6.654752 30.778229 2.495532l27.450853 27.450853c9.150284 7.486596 9.982128 21.627945 2.495532 30.778229L483.301381 641.351747l-85.679935 24.95532 24.955321-85.679935z"
                          fill="#7BAEEF" p-id="4215"></path>
                    <path d="M397.621446 682.943948c-4.15922 0-8.31844-1.663688-11.645816-4.991064-4.15922-4.15922-5.822908-10.813972-4.159221-16.636881l24.955321-85.679935c0.831844-2.495532 2.495532-4.991064 4.15922-6.654752l558.999188-558.999188 0.831844-0.831844c15.805037-13.309504 39.928513-11.645816 53.238018 4.15922l26.619009 26.619009c14.973193 13.309504 17.468725 37.432981 4.15922 53.238018 0 0.831844-0.831844 0.831844-0.831844 0.831844L495.779041 652.997563c-1.663688 1.663688-4.15922 3.327376-7.486596 4.15922l-85.679935 24.955321c-1.663688 0.831844-3.327376 0.831844-4.991064 0.831844z m39.928513-93.166531l-15.805036 52.406174 52.406174-14.973193 555.671811-555.671811c1.663688-2.495532 0.831844-4.991064-0.831844-7.486597l-0.831844-0.831844-27.450853-27.450853-0.831844-0.831844c-1.663688-2.495532-4.991064-2.495532-7.486596-0.831844L437.549959 589.777417z"
                          fill="#131313" p-id="4216"></path>
                    <path d="M855.135662 382.648253c-4.15922 0-8.31844-1.663688-11.645816-4.991064-6.654752-6.654752-6.654752-16.636881 0-23.291633l149.731925-149.731925L895.896019 108.139724c-6.654752-6.654752-6.654752-16.636881 0-23.291633 6.654752-6.654752 16.636881-6.654752 23.291633 0l108.971568 108.971568c3.327376 3.327376 4.991064 7.486596 4.991064 11.645816 0 4.15922-1.663688 8.31844-4.991064 11.645817l-161.377742 161.377741c-3.327376 2.495532-7.486596 4.15922-11.645816 4.15922z"
                          fill="#131313" p-id="4217"></path>
                </svg>
                <span>访问设备</span>
            </a>
            <a href="{% url 'dashboard:dashboard' %}" class="nav-link-y">
                <svg t="1633287949657" class="search-icon" viewBox="0 0 1024 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="7364" width="200" height="200">
                    <path d="M512 272A240.32 240.32 0 0 0 272 512 239.36 239.36 0 0 0 384 714.24V576.576A141.76 141.76 0 0 1 368 512c0-79.36 64.576-144 144-144S656 432.64 656 512c0 23.36-6.08 45.056-16 64.576v137.664A239.552 239.552 0 0 0 752 512 240.32 240.32 0 0 0 512 272z"
                          fill="#8a8a8a" p-id="7365"></path>
                    <path d="M448 512h128v128H448zM448 704h126.144v320H448z" fill="#8a8a8a" p-id="7366"></path>
                    <path d="M512 12.544C236.608 12.544 12.544 236.608 12.544 512c0 231.104 157.952 425.472 371.456 482.176v-99.904C224.128 840.576 108.544 689.664 108.544 512A403.904 403.904 0 0 1 512 108.544 403.904 403.904 0 0 1 915.456 512c0 177.664-115.584 328.576-275.456 382.272v99.904c213.44-56.768 371.456-251.136 371.456-482.176C1011.456 236.608 787.392 12.544 512 12.544z"
                          p-id="7367"></path>
                </svg>
                <span>设备总览</span>
            </a>
        </div>

        <!--顶部菜单部分结束-->

        <!--登录/注册 开始-->
        <div class="nav-links-y">
            {% if user.is_authenticated %}
                <a href="#" class="nav-link-y">
                    <span>Hi, {{ user.username }}</span>
                </a>
                <a href="#" class="nav-link-y" style="pointer-events: none">
                    <span>/</span>
                </a>
                <a href="{% url 'verify:logout' %}" class="nav-link-y">
                    <span>退出</span>
                </a>
            {% else %}
                <a href="{% url 'verify:login' %}" class="nav-link-y">
                    <span>登录</span>
                </a>

                <a href="#" class="nav-link-y" style="pointer-events: none">
                    <span>/</span>
                </a>
                <a href="#" class="nav-link-y" onclick="alert('懒得写，不提供注册')">
                    <span>注册</span>
                </a>
            {% endif %}

        </div>


        <!--登录/注册 结束-->

    </div>
</div>
<main>
    <div class="container" style="min-width: 1000px">
        <!--标题部分开始-->
        <div class="navbar-brand">
            <div class="brand-title">
                <svg t="1634288994340" class="search-icon" viewBox="0 0 1175 1024" version="1.1"
                     xmlns="http://www.w3.org/2000/svg" p-id="2538" width="200" height="200">
                    <path d="M515.882056 760.020219c-14.665543 0-30.193766-6.038753-41.408593-17.25358l-136.303286-134.577928c-23.292334-22.429655-23.292334-60.387532-0.862679-83.679865l208.768323-212.21904c10.352148-10.352148 24.155013-16.390901 38.820556-17.25358h1.725358l152.694187 6.038753c18.116259 0.862679 33.644482 15.528222 34.507161 33.644482l10.352149 155.282224v0.862679c0 15.528222-6.038753 29.331087-17.253581 40.545914l-208.768323 212.21904c-12.077506 10.352148-27.605729 16.390901-42.271272 16.390901z m69.877-439.103623c-7.764111 0.862679-15.528222 4.313395-21.566975 9.48947l-208.768324 212.219039c-12.940185 12.940185-12.940185 33.644482 0 46.584668l136.303286 134.577927c12.940185 12.940185 33.644482 12.940185 46.584667 0l208.768324-212.21904c6.038753-6.038753 9.489469-13.802864 9.489469-22.429654l-9.489469-153.556866c0-5.176074-4.313395-9.489469-9.48947-9.489469l-151.831508-5.176075z"
                          fill="#2D3036" p-id="2539"></path>
                    <path d="M627.16765 511.56866c-16.390901 0-31.056445-6.038753-42.271273-17.25358-24.155013-23.292334-24.155013-62.11289-0.862679-86.267902 11.214827-11.214827 26.74305-18.116259 43.133952-18.11626h0.862679c16.390901 0 31.056445 6.038753 42.271272 17.253581 24.155013 23.292334 24.155013 62.11289 0.862679 86.267902-12.077506 11.214827-26.74305 17.25358-43.99663 18.116259 0.862679 0 0.862679 0 0 0z m0-95.757371c-9.489469 0-18.116259 3.450716-25.017692 10.352148-13.802864 13.802864-12.940185 36.232519 0 49.172705 6.901432 6.901432 15.528222 10.352148 25.017692 10.352148 9.489469 0 18.116259-3.450716 24.155012-10.352148 13.802864-13.802864 12.940185-36.232519 0-49.172705-6.038753-6.901432-14.665543-10.352148-24.155012-10.352148z"
                          fill="#D53124" p-id="2540"></path>
                </svg>
                {% block brand_title %}

                {% endblock %}
            </div>
        </div>
        <!--标题部分结束-->

        {% block content %}

        {% endblock %}
    </div>
</main>
</body>

{% block script %}

{% endblock %}

</html>